<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--适应移动端页面展示-->
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <!--设置容器样式-->
    <style type="text/css">
        html{height:100%}
        body{height:100%;margin:0px;padding:0px}
        #container{height:100%}
    </style>
    <!--引用百度地图API文件-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=D1aKBWDNap6FnXHZgI5MY7OthZFbbnOl"></script>
</head>
<body>
<!--创建地图容器元素-->
<div id="container">
    <!--创建地图实例-->
    var map = new BMap.Map("container");
    <!--设置中心点坐标-->
    var point = new BMap.Point(116.404, 39.915);

    <!--地图初始化，同时设置地图展示级别-->
    map.centerAndZoom(point, 15);
</div>



</body>
</html>